﻿<!DOCTYPE html>
<html manifest="offline.appcache">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>Rytlock</title>
    
    <!-- Allow fullscreen mode on iOS devices. (These are Apple specific meta tags.) -->
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="HandheldFriendly" content="true" />

    <!-- All margins and padding must be zero for the canvas to fill the screen. -->
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }
        body {
            background: #000;
            color: #fff;
            overflow: hidden;
            -ms-touch-action: none;
        }
        canvas {
            -ms-touch-action: none;
        }
        .warning {
            display: none;
        }
    </style>
</head> 
 
<body> 
    <div id="fb-root"></div>
    <div id="c2canvasdiv">
        <![if !IE]>
        <canvas id="c2canvas" width="320" height="240">
        <![endif]>
            <h1>Your browser does not appear to support the technology necessary to run this game.
            <br />
            <br />
            <a href="https://www.guildwars2.com/en/news/presenting-the-rytlocks-critter-rampage-game/">Read more about the making of this game</a>
            <br />
            <br />
            <a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br/>
            <a href="http://www.google.com/chrome/">Google Chrome</a><br/>
            <a href="http://www.apple.com/safari/download/">Apple Safari</a><br/>
            <a href="http://www.google.com/chromeframe">Google Chrome Frame for Internet Explorer</a><br/></h1>
        <![if !IE]>
        </canvas>
        <![endif]>
        <div class="warning">
            <h1>Your browser does not appear to support the technology necessary to run this game.
            <br />
            <br />
            <a href="https://www.guildwars2.com/en/news/presenting-the-rytlocks-critter-rampage-game/">Read more about the making of this game</a>
            <br />
            <br />
            <a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br/>
            <a href="http://www.google.com/chrome/">Google Chrome</a><br/>
            <a href="http://www.apple.com/safari/download/">Apple Safari</a><br/>
            <a href="http://www.google.com/chromeframe">Google Chrome Frame for Internet Explorer</a><br/></h1>
        </div>
    </div>
    
    
    <![if !IE]>
    <script src="jquery.min.js"></script>
    <script>window.jQuery || document.write("<script src='jquery-1.7.1.min.js'>\x3C/script>")</script>
    <script src="c2runtime.js"></script>
    <script>
        // Size the canvas to fill the browser viewport.
        jQuery(window).resize(function() {
            cr_sizeCanvas(jQuery(window).width(), jQuery(window).height());
        });
        
        // Start the Construct 2 project running on window load.
        jQuery(document).ready(function ()
        {           
            if($.browser.msie) {
                $(".warning").show();
                return;
            }

            // Create new runtime using the c2canvas
            cr_createRuntime("c2canvas");
        });
        
        // Pause and resume on page becoming visible/invisible
        function onVisibilityChanged() {
            if (document.hidden || document.mozHidden || document.webkitHidden || document.msHidden)
                cr_setSuspended(true);
            else
                cr_setSuspended(false);
        };
        
        document.addEventListener("visibilitychange", onVisibilityChanged, false);
        document.addEventListener("mozvisibilitychange", onVisibilityChanged, false);
        document.addEventListener("webkitvisibilitychange", onVisibilityChanged, false);
    </script>
    <![endif]>
</body> 
</html> 